LukasMeine / devmind-beautifier

import DevmindBeautifierView from './devmind-beautifier-view';

import { CompositeDisposable } from 'atom';

export default {

  devmindBeautifierView: null,

  modalPanel: null,

  subscriptions: null,

  activate(state) {

    this.devmindBeautifierView = new DevmindBeautifierView(state.devmindBeautifierViewState);

    this.modalPanel = atom.workspace.addModalPanel({

      item: this.devmindBeautifierView.getElement(),

      visible: false

    });

    // Events subscribed to in atom's system can be easily cleaned up with a CompositeDisposable

    this.subscriptions = new CompositeDisposable();

    // Register command that toggles this view

    this.subscriptions.add(atom.commands.add('atom-workspace', {

      'devmind-beautifier:toggle': () => this.toggle()

    }));

  },

  deactivate() {

    this.modalPanel.destroy();

    this.subscriptions.dispose();

    this.devmindBeautifierView.destroy();

  },

  serialize() {

    return {

      devmindBeautifierViewState: this.devmindBeautifierView.serialize()

    };

  },

  toggle() {

    panel = this;

    editor = atom.workspace.getActiveTextEditor()

    text = editor.getText();

    fileName = editor.getTitle();

    ext = fileName.split('.').pop();

      panel.modalPanel.show()

      var http = new XMLHttpRequest();

      var url = "https://beautifier.devmind.io/format";

      var params = "extension="+ext+"&content="+text;

      http.open("POST", url, true);

  //Send the proper header information along with the request

  http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  http.onreadystatechange = function() {//Call a function when the state changes.

      if(http.readyState == 4 && http.status == 200) {

          panel.modalPanel.hide()

          atom.notifications.addError('Something went wrong, please check your internet connection');

      }

  }

  http.send(params);

    }

  }

};